<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>栏目管理</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="./css/x-admin.css" media="all" />
       <script src="js/jquery1.42.min.js"></script>
    <style type="text/css">
        .open{
            border:1px solid #ccc;
            padding: 0 3px 0 3px;
            cursor: pointer;
        }
    </style>
</head>
<body>
<script type="text/javascript">
function returnto(){
	location.href="index.jsp";
}
</script>
<script type="text/javascript">
  $(document).ready(function() {
	  allCinema(1, 7);

}); 
  </script>
  <script type="text/javascript">
/**
* 查询所有的电影
*/
function allCinema(page,size){
	//发起ajax请求
	$.ajax({
		type : "GET",
		dataType : "json",
		url : "getAllCinema.do",
		data : {page : page,size : size},
       success : function(msg) {
    	  /* alert(msg); */ 
       	//定义数组名
       	let content = msg.msgcontent;
       	
       	let str="";
       	for (let i = 0; i < content.olist.length; i++) {
       		
			str=str+'<tr ><td align="center"><span class="open">+</span></td><td> <input type="checkbox" value="1" name="" />'+content.olist[i].cinema_id+' </td>'+
           ' <td> '+content.olist[i].cinema_name+' </td> <td> '+content.olist[i].cinema_area+' </td> <td> '+content.olist[i].cinema_address+'</td><td> '+content.olist[i].cinema_phone+' </td><td> '+content.olist[i].cinema_distance+'</td>'+
           ' <td> '+content.olist[i].cinema_price+'</td>'+
           '<td><button class="layui-btn" onclick="javascript:deteleCinema('+content.olist[i].cinema_id+')"><i class="layui-icon"></i>删除</button</td>'+
           '</tr>';
			
		}
       	$("#allcinema").html(str);
       	var str1= 	
			'<a href="javascript:allCinema(1,' + msg.msgcontent.size
			+ ')">首页</a>&nbsp;&nbsp;&nbsp;'+
         	'<a href="javascript:allCinema('+(msg.msgcontent.page-1)+',' + msg.msgcontent.size
			+ ')">上一页</a>&nbsp;&nbsp;&nbsp;'+
         	'<a href="javascript:allCinema('+(msg.msgcontent.page+1)+',' + msg.msgcontent.size
			+ ')">下一页</a>&nbsp;&nbsp;&nbsp;'+
         	'<a href="javascript:allCinema('+msg.msgcontent.maxPage+',' + msg.msgcontent.size
			+ ')">尾页</a>';
			
			$("#myindex").html(str1);
       	
       }
	})
}
</script>
<script type="text/javascript">
//获取电影总数
$(document).ready(function() {
	$.ajax({
		url : "getCinemaCount.do",
		dataType : "text",
		type : "GET",
		success : function(msg) {
			$("#cinemacount").html(msg);
		}
	});

});



</script>
<script>
    function outToExcel(){
        location.href="exporCinematExcel.do";
    }

</script>
<script type="text/javascript">
//删除电影
	function deteleCinema(id) {
		if (confirm('你确定要删除这个影院信息吗？')) {
			location.href = "deleteCinemaByMovieId.do?cinemaid="+id;
		}
	}
	
</script>
<script>
    function returnto() {
        location.href = "index.jsp";

    }
</script>
<div class="x-nav">
    <span class="layui-breadcrumb"> <a><cite>首页</cite></a> <a><cite>电影管理</cite></a> <a><cite>电影列表</cite></a> </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="javascript:addCinema()"><i class="layui-icon"></i>添加</button>
        <button class="layui-btn" onclick="javascript:returnto()"><i class="layui-icon"></i>返回</button>
        <button class="layui-btn" onclick="javascript:outToExcel()"><i class="layui-icon"></i>导出文件</button>
        <span class="x-right" style="line-height:40px">共有数据：<span class="layui-badge" id="cinemacount"></span> 条</span>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr pid="0">
            <th style="text-align: center;"> 伸缩 </th>
            <th> <input type="checkbox" name="" value="" /> </th>
            <th> 影院名称 </th>
            <th> 影院地区 </th>
            <th> 影院具体地址 </th>
            <th> 影院电话 </th>
            <th> 影院距离</th>
            <th> 影院票价 </th>
           
            <th> 操作 </th>
        </tr>
        </thead>
        <tbody id="allcinema">

        

        </tbody>
    </table>
    <div id="myindex" align="center"></div>
</div>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script src="./js/x-layui.js" charset="utf-8"></script>
<script src="./js/jquery.min.js" charset="utf-8"></script>
<script>
/**
 * 添加电影列表
 */
function addCinema(){
	location.href="addCinema.jsp";
}
   /*  layui.use(['laydate','element','laypage','layer'], function(){
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层

        //以上模块根据需要引入

        layer.ready(function(){ //为了layer.ext.js加载完毕再执行
            layer.photos({
                photos: '#x-img'
                //,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
            });
        });

    });

    //批量删除提交
    function delAll () {
        layer.confirm('确认要删除吗？',{icon:3,title:'提示信息'},function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
        });
    }
    /*添加*/
    /* function banner_add(title,url,w,h){
        x_admin_show(title,url,w,h);
    }
    function adds(title,url,id,w,h){

        url=url+"?id="+id;
        x_admin_show(title,url,w,h);
    } */
    /*停用*/
   /*  function cate_stop(obj,id,e){
        layer.confirm('确认不显示吗？',function(index){
            $.ajax({
                type:"post",
                url:"",
                data:{id:id,status:e},
                dataType:"json",
                success:function(data)
                {
                    //console.log(data);
                    if(data.status==1)
                    {
                        //发异步把用户状态进行更改
                        $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_start(this,id)" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-disabled layui-btn-mini">不显示</span>');
                        $(obj).remove();
                        layer.msg(data.info,{icon: 6,time:1000});
                        setTimeout(function(){
                            window.location.reload();
                        },1000);return false;
                    }
                    else
                    {
                        layer.msg(data.info,{icon: 5,time:1000});return false;
                    }
                }
            });

        });
    } */

    /*启用*/
   /*  function cate_start(obj,id,e){
        layer.confirm('确认要显示吗？',function(index){
            $.ajax({
                type:"post",
                url:"",
                data:{id:id,status:e},
                dataType:"json",
                success:function(data)
                {
                    if(data.status==1)
                    {
                        //发异步把用户状态进行更改
                        $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="banner_stop(this,id)" href="javascript:;" title="不显示"><i class="layui-icon">&#xe601;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-normal layui-btn-mini">已显示</span>');
                        $(obj).remove();
                        layer.msg(data.info,{icon: 6,time:1000});
                        setTimeout(function(){
                            window.location.reload();
                        },1000);return false;
                    }
                    else
                    {
                        layer.msg(data.info,{icon: 5,time:1000});return false;
                    }
                }
            });

        });
    }
    // 编辑
    function cate_edit (title,url,id,w,h) {
        url=url+"?id="+id;
        x_admin_show(title,url,w,h);
    }
    /*删除*/
 /*    function cate_del(obj,id){
        layer.confirm('确认要删除吗？',{icon:3,title:'提示信息'},function(index){
            $.ajax({
                type:"post",
                url:"",
                data:{id:id},
                dataType:"json",
                success:function(data)
                {
                    console.log(data);
                    if(data.status==1)
                    {
                        //发异步删除数据
                        $(obj).parents("tr").remove();
                        layer.msg(data.info,{icon:6,time:1000});
                        setTimeout(function(){
                            window.location.reload();
                        },1000);return false;
                    }
                    else
                    {
                        layer.msg(data.info,{icon:5,time:1000});return false;
                    }
                }
            });

        });
    } 
 */
    //栏目伸缩状态js
   /*  $('tr[pid!=0]').hide();
    $('.open').click(function(){
        var id=$(this).parents('tr').attr('id');//获取他父级的父级的id值
        if($(this).text()=='+'){
            $(this).text('-');
            $('tr[pid='+id+']').show();
        }else{
            $(this).text('+');
            $.ajax({
                type:"post",
                dataType:"json",
                data:{cateid:id},
                url:"",
                success:function(data){
                    //
                    var sonids=[];
                    var idsobj=$('tr[pid!=0]');
                    idsobj.each(function(k,v){
                        sonids.push($(this).attr('id'));
                    });
                    //alert(data);return false;
                    $.each(data,function(k,v){
                        //alert(v);return false;
                        if($.inArray(v,sonids)){
                            //
                            /*for (var i=0;i<sonids.length;i++)
                            {
                            $('tr[id='+sonids[i] +']').hide();
                            $('tr[id='+sonids[i]+']').find('span:first').text('+');
                            }
                            $('tr[pid='+v+']').hide();
                            $('tr[pid='+v+']').find('span:first').text('+');

                        }
                    });
                }
            })

        }
    }); */ 
</script>
</body>
</html>